﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Src="public_page/header.ascx" TagName="header" TagPrefix="uc_header" %>
<%@ Register Src="public_page/footer.ascx" TagName="footer" TagPrefix="uc_footer" %>
<%@ Register Src="public_page/left_bottom.ascx" TagName="left_bottom" TagPrefix="uc_left_bottom" %>
<%@ Register Src="public_page/right_top.ascx" TagName="right_top" TagPrefix="uc_right_top" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="http://www.bestone-china.com/favicon.ico" />
    <meta name="description" content="青岛百森通集团有限公司成立于1999年，注册资金3000万元人民币，公司业务涉及教育、投资、金融、国际贸易、电子商务等诸多领域，是一家专注于多功能预付费消费卡市场的第三方金融支付商务营销服务的公司。自成立之日起，就一直致力于便民缴费服务的倡导和积极实践工作。公司在青岛市建立了近千个便民缴费服务网点，利用这些便民缴费服务网点，用户可使用百森通发行的“公共缴费一卡通”，轻松缴纳各种电话费、手机费，购买充值卡，缴纳水电燃气费，以及交网上订单费等多种服务。" />
    <meta name="keywords" content="佰通卡,网上缴费,公共事业缴费,水费、电费、燃气费、电话费" />
    <title>佰通支付-网上交电话费、手机费、燃气费、水费、电费，公共事业缴费一卡通</title>
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <link href="style/extra.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript" src="js/pagehead.js"></script>


     <script type="text/javascript">

         function check_submit() {
             username = $("#Txt_user_name").val();
             user_password = $("#Txt_user_password").val();
             CheckCode = $("#Txt_CheckCode").val();

             if (username == '') {
                 alert("请输入用户名!");
                 return false;
             }

             if (user_password == '') {
                 alert("请输入密码!");
                 return false;
             }

             if (CheckCode == '') {
                 alert("请输入验证码!");
                 return false;
             }
         }


         function f_refreshtype() {
             var Image1 = document.getElementById("IMGCheckCode");
             if (Image1 != null) {
                 Image1.src = Image1.src + "?";
             }
         }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="containter">
        <uc_header:header ID="header1" runat="server" />

        <script type="text/javascript" src="js/s3Slider.js"></script>

        <script type="text/javascript">
            $(document).ready(function() {
                if ('{articles}' != "") {//首页公告
                    AutoScroll("#scrollDiv");
                    $("#scrollDiv").hover(function() {
                        clearTimeout(marquee);
                    }, function() {
                        AutoScroll("#scrollDiv");
                    });
                }
                $('#slider1').s3Slider({
                    timeOut: 4500
                });
            });
        </script>

        <div class="banner" id="slider1">
            <ul id="slider1Content">
                <li class="slider1Image"><a href="news.php?id=22">
                    <img src="images/banner/1.jpg" /></a> <span class="right">抽奖延长到6月啦！</strong><br />
                        4-6月份在本网站上缴费均有机会获得最高100元话费赠送，缴费越多，中奖率越大！</span> </li>
                <li class="slider1Image"><a href="card.php?act=2">
                    <img src="images/banner/2.jpg" /></a> <span class="left">快速缴费</strong><br />
                        缴费不用再排队,现在就去申请缴费一卡通！</span> </li>
                <li class="slider1Image"><a href="descript.php?act=14">
                    <img src="images/banner/3.jpg" /></a> <span class="right">代缴代付服务</strong><br />
                        缴费？我有专门的秘书办此事，我不用操心.</span> </li>
                <li class="slider1Image"><a href="descript.php?act=16">
                    <img src="images/banner/4.jpg" /></a> <span class="right">打造“佰通支付”便民服务网点</strong><br />
                        借力政府便民工程 打造“佰通支付”服务网点 深度提升服务品质 商户踊跃申请</span> </li>
                <div class="clear slider1Image">
                </div>
            </ul>
        </div>

        <script type="text/javascript">
            function AutoScroll(obj) {
                $(obj).find("ul:first").animate({
                    marginTop: "-32px"
                }, 1300, function() {
                    $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
                });
                marquee = setTimeout('AutoScroll("#scrollDiv")', 3000);
            }
        </script>

        <div class="content">
            <div class="col-main">
                <div class="main-wrap">
                    <!--右边菜单begin-->
                    <uc_right_top:right_top ID="right_top1" runat="server" />
                    <!--右边菜单end-->
                    <!-- 公告 -->
                    <div class="news">
                        <div class="news-list">
                            <h2>
                                公告:</h2>
                            <div id="scrollDiv">
                                <ul>
                                    <li><span>2011-06-18</span>&nbsp;&nbsp;<a href="news.php?id=24&sid=">佰通支付便民服务业务升级，开通15家银行的信用卡还款业务</a></li>
                                    <li><span>2011-06-28</span>&nbsp;&nbsp;<a href="news.php?id=25&sid=">2011年5月份公共缴费一卡通网上缴费中奖卡号公布</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="news-more">
                            <a href="news.php?sid=">更多...</a>
                        </div>
                    </div>
                    <!-- 首页登录 -->
                    <div class="index-login" runat="server" id="div_login">
                        <div class="title">
                            <h2>
                                佰通支付帐号登录</h2>
                            <div class="title-btn">
                                <a href="card.php?act=5&sid=7c21bb5cb1bb6327344f863302587c3a"><span>帐号注册</span></a>
                                <a href="card.php?act=4&sid=7c21bb5cb1bb6327344f863302587c3a"><span>帐号充值</span></a>
                            </div>
                        </div>
         
                        <div class="index-login-content clearfix">
                            <ul>
                                <li>
                                    <label>
                                        用户名:</label><asp:TextBox runat="server" ID="Txt_user_name" CssClass="i-text-index" /></li>
                                <li>
                                    <label>
                                        密码:</label><asp:TextBox runat="server" ID="Txt_user_password" CssClass="i-text-index" TextMode="password" /></li>
                                <li>
                                    <label>
                                        验证码:</label><asp:TextBox runat="server" ID="Txt_CheckCode" CssClass="i-text-index i-text-yzm" MaxLength='4' /></li>
                                <li>
                                    <a style="cursor: hand" onclick="f_refreshtype()" title="看不清楚?点击获取新的校验码!">
                                    <img id="IMG1" src="baseform/GenerateCheckCode.aspx" align="middle" style="cursor: hand" /></a></li>
                                <li>
                                    <asp:Button runat="server" ID="BtnLogin" Text="登录" CssClass="btn-icon" OnClick="BtnLogin_Click" /></li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
            <!-- 左侧列表 -->
            <div class="col-sub">
                <uc_left_bottom:left_bottom ID="left_bottom1" runat="server" />
            </div>
        </div>
        <!-- 友情链接 -->
        <div class="friends-links clearfix">
            <ul>
                <li><a href="http://www.chinaunionpay.com/" target="_blank">
                    <img src="images/flinks/zgyl.gif" title="中国银联" alt="中国银联" width="84" height="31" /></a></li>
                <li><a href="http://www.sgcc.com.cn/" target="_blank">
                    <img src="images/flinks/gjdw.gif" title="国家电网公司" alt="国家电网公司" width="84" height="31" /></a></li>
                <li><a href="http://www.chinamobile.com" target="_blank">
                    <img src="images/flinks/zgyd.gif" title="中国移动通信" alt="中国移动通信" width="84" height="31" /></a></li>
                <li><a href="http://www.10010.com/" target="_blank">
                    <img src="images/flinks/zglt.gif" title="中国联通" alt="中国联通" width="84" height="31" /></a></li>
                <li><a href="http://www.chinatelecom.com.cn/" target="_blank">
                    <img src="images/flinks/zgdx.gif" title="中国电信" alt="中国电信" width="84" height="31" /></a></li>
                <li><a href="http://www.boc.cn/" target="_blank">
                    <img src="images/flinks/zgyh.gif" title="中国银行" alt="中国银行" width="84" height="31" /></a></li>
                <li><a href="http://www.boc-ins.com" target="_blank">
                    <img src="images/flinks/btk.gif" title="中国保险" alt="中国保险" width="88" height="31" /></a></li>
                <li><a href="http://www.beijing.com.cn/" target="_blank">
                    <img src="images/flinks/btsc.gif" title="首信易支付" alt="首信易支付" width="88" height="31" /></a></li>
            </ul>
        </div>
        <!-- 友情链接end -->
        <!--页脚begin-->
        <uc_footer:footer ID="footer1" runat="server" />
        <!--页脚end-->
    </div>
    </form>
</body>
</html>

<script>
    function setTab(m, n) {
        var menu = document.getElementById("tab" + m).getElementsByTagName("li");
        var div = document.getElementById("tablist" + m).getElementsByTagName("div");
        var showdiv = [];
        for (i = 0; j = div[i]; i++) {
            if ((" " + div[i].className + " ").indexOf(" tablist ") != -1) {
                showdiv.push(div[i]);
            }
        }
        for (i = 0; i < menu.length; i++) {
            menu[i].className = i == n ? "now" : "";
            showdiv[i].style.display = i == n ? "block" : "none";
        }
    }
</script>

